<juci-layout-with-sidebar>
	<div ng-controller="PageStatusPhone">
		<juci-config-section ng-show="voice_available">
			<juci-config-heading>{{ 'Voice Status' | translate }}</juci-config-heading>
			<juci-config-info>{{ 'status.voice.info' | translate }}</juci-config-info>
			<h3>{{'Your Phone Numbers'|translate}}</h3>
			<table class="table">
				<tr>
					<th translate>Name</th>
					<th translate>Phone Number</th>
					<th translate>Domain</th>
					<th style="text-align: center;" translate>Status</th>
				</tr>
				<tr ng-repeat="sip in sipAccounts track by $index">
					<td>{{sip[".config"].name.value}}</td>
					<td>{{sip[".config"].user.value}}</td>
					<td>{{sip[".config"].host.value}}</td>
					<td style="text-align: center;">
						<i class="fa fa-check-circle fa-2x text-success" ng-show="sip.registered"></i>
						<i class="fa fa-times-circle fa-2x" ng-hide="sip.registered"></i>
					</td>
				</tr>
			</table>
		</juci-config-section>
		<juci-config-section>
			<juci-config-heading>{{ 'Voice Lines' | translate }}</juci-config-heading>
			<juci-config-info>{{ 'status.voice_lines.info' | translate }}</juci-config-info>
			<h3>{{'Your Phone Lines'|translate}}</h3>
			<table class="table">
				<tr>
					<th translate>Name</th>
					<th width="30%" style="text-align: center;" translate>State</th>
				</tr>
				<tr ng-repeat="line in brcmLines track by $index">
					<td>{{line[".config"].name.value}}</td>
					<td style="text-align: center;">{{line.sub_0_state}}</td>
				</tr>
			</table>
		</juci-config-section>
		<juci-config-section  ng-hide="voice_available">
			<p translate>Voice service is not available!</p>
		</juci-config-section>
	</div>
</juci-layout-with-sidebar>
